<!DOCTYPE html>
<html>
  <head>
    <meta charset='utf-8'>
    <meta http-equiv="X-UA-Compatible" content="chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link href='https://fonts.googleapis.com/css?family=Architects+Daughter' rel='stylesheet' type='text/css'>
    <link rel="stylesheet" type="text/css" href="stylesheets/stylesheet.css" media="screen">
    <link rel="stylesheet" type="text/css" href="stylesheets/github-light.css" media="screen">
    <link rel="stylesheet" type="text/css" href="stylesheets/print.css" media="print">

    <!--[if lt IE 9]>
    <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->

    <title>Awesome-growth by phodal</title>
  </head>

  <body>
    <header>
      <div class="inner">
        <h1>Awesome-growth</h1>
        <h2>Growth APP&#39; Project, Links, Blogs, Books, Resources</h2>
        <a href="https://github.com/phodal/awesome-growth" class="button"><small>View project on</small> GitHub</a>
      </div>
    </header>

    <div id="content-wrapper">
      <div class="inner clearfix">
        <section id="main-content">
          <h1>
<a id="awesome-growth技能图谱" class="anchor" href="#awesome-growth%E6%8A%80%E8%83%BD%E5%9B%BE%E8%B0%B1" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Awesome Growth：技能图谱</h1>

<p>The Part of <a href="https://github.com/phodal/growth">Growth Plan</a>，由Phodal整理和发布，见：</p>

<p><img src="http://articles.phodal.com/qrcode.jpg" alt="QRCode"></p>

<h2>
<a id="前端技能图谱" class="anchor" href="#%E5%89%8D%E7%AB%AF%E6%8A%80%E8%83%BD%E5%9B%BE%E8%B0%B1" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>前端技能图谱</h2>

<ul>
<li>基础

<ul>
<li>HTML / CSS</li>
<li>JavaScript</li>
<li>DOM</li>
</ul>
</li>
<li>中级篇 

<ul>
<li>数据格式（如JSON、XML）</li>
<li>RESTful API交互（如jQuery Ajax，Fetch API，ReactiveX）</li>
<li>正则表达式</li>
<li>HTML语义化</li>
<li>命令行</li>
<li>Node.js</li>
<li>DIV / CSS</li>
<li>SCSS / SASS </li>
<li>矢量图形 / 矢量图形动画（如SVG）</li>
<li>单页面应用</li>
</ul>
</li>
<li>高级篇

<ul>
<li>ES6 / TypeScript </li>
<li>CSS3</li>
<li>面向对象编程</li>
<li>函数式编程</li>
<li>MVC / MVVM / MV*</li>
<li>安全性（如跨域）</li>
<li>授权（如HTTP Basic、JWT等等）</li>
</ul>
</li>
<li>工程化

<ul>
<li>代码质量（如JSLint / ESLint / TSLint / CSLint）</li>
<li>代码分析（如Code Climate）</li>
<li>测试覆盖率</li>
<li>构建系统（gulp、grunt、webpack等等）</li>
<li>自动构建（脚本）</li>
</ul>
</li>
<li>兼容性

<ul>
<li> 跨浏览器测试 （Chrome，IE，Firefox，Safari等等）</li>
<li> 跨平台测试（Windows、GNU/Linux，Mac OS等等）</li>
<li> 跨设备测试（Desktop，Android，iOS，Windows Phone）</li>
<li> 跨版本测试（同一个浏览器的不同版本）</li>
</ul>
</li>
<li>前端特定

<ul>
<li>CSS / CSS3 动画</li>
<li>JavaScript 动画</li>
<li>Web字体嵌入</li>
<li>Icon 字体</li>
<li>图形和图表</li>
<li> CSS Sprite（如glue）</li>
<li>DOM操作（如jQuery、React等等）</li>
<li>模板引擎（如JSX、Handlebars、JSP、Mustache等等）</li>
</ul>
</li>
<li>软件工程

<ul>
<li>版本管理（如git、svn） </li>
<li>包管理（如npm、bower）</li>
<li>依赖管理</li>
<li>模块化（如CommonJS、WebPack）</li>
</ul>
</li>
<li>调试

<ul>
<li>浏览器调试</li>
<li>Debug工具</li>
<li>Wireshark / Charles抓包</li>
<li>远程设备调试（如Chrome Inspect Devices）</li>
</ul>
</li>
<li>测试

<ul>
<li>单元测试</li>
<li>服务测试</li>
<li>UI测试</li>
<li>集成测试</li>
</ul>
</li>
<li>性能与优化

<ul>
<li>PageSpeed / Yslow 优化</li>
<li>加载优化（如gzip压缩、缓存等等）</li>
<li>性能测试（特别是移动Web）</li>
<li>可用性</li>
<li>压缩（如Minify、Uglify、CleanCSS等等）</li>
</ul>
</li>
<li>设计

<ul>
<li>切页面</li>
<li>线框图（Wireframe）</li>
<li>响应式设计</li>
<li>网格布局（Grid Layout）</li>
<li>Flexbox布局</li>
</ul>
</li>
<li>SEO

<ul>
<li>Sitemap（站点地图）</li>
<li>内部链接建设</li>
<li>MicroData / MicroFormat</li>
<li>页面静态内容生成</li>
<li>H1、H2、H3和strong使用</li>
<li>Title、Description优化</li>
<li>页面静态内容生成</li>
</ul>
</li>
</ul>

<h2>
<a id="后台技能图谱" class="anchor" href="#%E5%90%8E%E5%8F%B0%E6%8A%80%E8%83%BD%E5%9B%BE%E8%B0%B1" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>后台技能图谱</h2>

<ul>
<li>入门

<ul>
<li>HTML / CSS</li>
<li>编程语言：Java / Python / PHP / Ruby等等</li>
<li>Web框架，如Spring MVC、Flask、Laravel等等</li>
<li>HTTP协议基础</li>
<li>CGI基础</li>
</ul>
</li>
<li>中级篇

<ul>
<li>XML和JSON处理</li>
<li>数据结构与算法</li>
<li>面向对象编程</li>
<li>CMS</li>
<li>API设计</li>
<li>网络通信协议，如TCP / Socket</li>
</ul>
</li>
<li>高级篇

<ul>
<li>函数式编程</li>
<li>领域驱动设计</li>
<li>MVC架构</li>
<li>运行环境优化，如JVM</li>
<li>远程调试<br>
</li>
</ul>
</li>
<li>工程化

<ul>
<li>版本管理</li>
<li>单元测试</li>
<li>依赖管理</li>
<li>包管理<br>
</li>
</ul>
</li>
<li>基础设施

<ul>
<li>虚拟化，如Docker</li>
<li>自动化部署</li>
<li>应用包创建、管理、发布</li>
<li>发布脚本编写</li>
<li>Web容器，如Jboss</li>
</ul>
</li>
<li>缓存篇

<ul>
<li>应用层缓存 </li>
<li>平台缓存</li>
<li>数据库端缓存</li>
<li>分布式缓存 </li>
</ul>
</li>
<li>数据持久化

<ul>
<li>SQL</li>
<li>NoSQL</li>
<li>ORM</li>
<li>DBMS</li>
<li>搜索引擎</li>
</ul>
</li>
<li>数据库

<ul>
<li>查询性能优化</li>
<li>结构优化</li>
<li>主从复制、主主复制等等</li>
<li>伸缩性与高可用性</li>
<li>备份恢复与容灾</li>
</ul>
</li>
<li>安全和加密

<ul>
<li>认证与会话管理</li>
<li>加密解密</li>
<li>数字签名、数字证书</li>
<li>加密算法</li>
<li>XSS/CSRF/SQL注入</li>
</ul>
</li>
<li>监控

<ul>
<li>应用性能监控</li>
<li>异常监控</li>
<li>日志</li>
<li>流量监控</li>
</ul>
</li>
<li>服务

<ul>
<li>RESTful</li>
<li>SOA</li>
<li>RPC</li>
<li>MicroServices</li>
</ul>
</li>
<li>消息

<ul>
<li>JMS</li>
<li>IPC</li>
<li>MQ</li>
</ul>
</li>
</ul>

<h2>
<a id="devops技能图谱" class="anchor" href="#devops%E6%8A%80%E8%83%BD%E5%9B%BE%E8%B0%B1" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>DevOps技能图谱</h2>

<ul>
<li>入门篇

<ul>
<li>编写脚本，如Shell、Perl、Rython等等</li>
<li>编程语言</li>
<li>Web应用运行基本原理</li>
<li>HTTP服务器</li>
<li>应用容器</li>
<li>命令行，如awk</li>
<li>CGI</li>
<li>修复漏洞</li>
</ul>
</li>
<li>中级篇

<ul>
<li>自动化运维</li>
<li>GNU/Linux操作系统</li>
<li>编译</li>
<li>数据库</li>
</ul>
</li>
<li>高级篇

<ul>
<li>分布式文件系统 </li>
<li>分布式存储系统</li>
</ul>
</li>
<li>云服务

<ul>
<li>存储服务，如AWS S3</li>
<li>计算服务，如AWS Lambda</li>
<li>托管服务，如AWS EC2</li>
</ul>
</li>
<li>安全性</li>
<li>网络

<ul>
<li>CCNP / CCNA<br>
</li>
</ul>
</li>
<li>持续集成

<ul>
<li>持续集成工具</li>
<li>自动构建工具</li>
<li>依赖管理工具</li>
<li>版本管理工具</li>
</ul>
</li>
<li>虚拟化

<ul>
<li>应用容器虚拟化，如Docker</li>
<li>环境虚拟化</li>
<li>操作系统虚拟化</li>
</ul>
</li>
<li>自动化 (puppet,chef)

<ul>
<li>自动化配置</li>
<li>自动化部署</li>
<li>进程管理工具，如Supervisor</li>
</ul>
</li>
<li>监控

<ul>
<li>基础设施监控</li>
<li>日志管理</li>
<li>监控服务 </li>
</ul>
</li>
<li>负载均衡

<ul>
<li>边缘缓存，如（Varnish）</li>
<li>DNS负载均衡</li>
<li>CDN</li>
</ul>
</li>
</ul>

<h2>
<a id="软技能图谱" class="anchor" href="#%E8%BD%AF%E6%8A%80%E8%83%BD%E5%9B%BE%E8%B0%B1" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>软技能图谱</h2>

<ul>
<li>影响力 / 个人品牌

<ul>
<li>写作</li>
<li>演讲</li>
<li>培训</li>
<li>博客</li>
<li>社交媒体</li>
</ul>
</li>
<li>社区

<ul>
<li>社交媒体交流</li>
<li>自媒体平台</li>
<li>技术社区</li>
<li>问答社区</li>
</ul>
</li>
<li>持续学习

<ul>
<li>学习新技术、语言</li>
</ul>
</li>
<li>健康

<ul>
<li>运动</li>
<li>不熬夜</li>
</ul>
</li>
<li>生产力

<ul>
<li>熟悉工具</li>
<li>快捷键、快捷键、快捷键</li>
</ul>
</li>
<li>估算

<ul>
<li>完成时间估算</li>
<li>延迟花费</li>
<li>预算估算</li>
<li>薪资估算</li>
</ul>
</li>
<li>其他 

<ul>
<li>面试</li>
<li>客户沟通</li>
</ul>
</li>
</ul>

<h2>
<a id="license" class="anchor" href="#license" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>License</h2>

<p><a href="http://ideas.phodal.com/"><img src="http://brand.phodal.com/shields/idea-small.svg" alt="Phodal's Idea"></a></p>

<p>© 2016 <a href="https://www.phodal.com">Phodal Huang</a>. This code is distributed under the CC0 1.0 Universal license. See <code>LICENSE</code> in this directory.</p>

<p><a href="http://www.xuntayizhan.com/person/ji-ke-ai-qing-zhi-er-shi-dai-wo-dai-ma-bian-cheng-qu-ni-wei-qi-ke-hao-wan/">待我代码编成，娶你为妻可好</a></p>
        </section>

        <aside id="sidebar">
          <a href="https://github.com/phodal/awesome-growth/zipball/master" class="button">
            <small>Download</small>
            .zip file
          </a>
          <a href="https://github.com/phodal/awesome-growth/tarball/master" class="button">
            <small>Download</small>
            .tar.gz file
          </a>

          <p class="repo-owner"><a href="https://github.com/phodal/awesome-growth"></a> is maintained by <a href="https://github.com/phodal">phodal</a>.</p>

          <p>This page was generated by <a href="https://pages.github.com">GitHub Pages</a> using the Architect theme by <a href="https://twitter.com/jasonlong">Jason Long</a>.</p>
        </aside>
      </div>
    </div>

  
  </body>
</html>
